﻿
@{
    ViewData["Title"] = "购物车";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="/css/GoodsDetails.css" rel="stylesheet" />
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">购物车</h1>
</header>
<div class="mui-content">
    <div class="mui-card">
        @for (int i = 0; i < 5; i++)
        {
            <div class="mui-input-row mui-checkbox mui-left">
                <label>苹果专卖店</label>
                <input name="checkbox" value="Item 1" type="checkbox">
            </div>
            <ul class="mui-table-view mui-table-view-chevron">
                <li class="mui-table-view-cell mui-media">
                    <a class="mui-navigate-right">
                        <div class="mui-input-row mui-checkbox mui-left">
                            <div class="mui-media-body mui-pull-right">
                                CBD
                                <p class='mui-ellipsis'>烤炉模式的城</p>
                            </div>
                            <div class="mui-media-body  mui-pull-right">
                                CBD
                                <p class='mui-ellipsis'>烤炉模式的城</p>
                            </div>
                            <input class="mui-pull-left" name="checkbox1" value="Item 3" type="checkbox">
                            <img class="mui-media-object mui-pull-right" src="../images/cbd.jpg">
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <a class="mui-navigate-right">
                        <div class="mui-input-row mui-checkbox mui-left">
                            <div class="mui-media-body mui-pull-right">
                                CBD
                                <p class='mui-ellipsis'>烤炉模式的城</p>
                            </div>
                            <div class="mui-media-body  mui-pull-right">
                                CBD
                                <p class='mui-ellipsis'>烤炉模式的城</p>
                            </div>
                            <input class="mui-pull-left" name="checkbox1" value="Item 3" type="checkbox">
                            <img class="mui-media-object mui-pull-right" src="../images/cbd.jpg">
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <a class="mui-navigate-right">
                        <div class="mui-input-row mui-checkbox mui-left">
                            <div class="mui-media-body mui-pull-right">
                                CBD
                                <p class='mui-ellipsis'>烤炉模式的城</p>
                            </div>
                            <div class="mui-media-body  mui-pull-right">
                                CBD
                                <p class='mui-ellipsis'>烤炉模式的城</p>
                            </div>
                            <input class="mui-pull-left" name="checkbox1" value="Item 3" type="checkbox">
                            <img class="mui-media-object mui-pull-right" src="../images/cbd.jpg">
                        </div>
                    </a>
                </li>
            </ul>
        }

    </div>

</div>
<footer class="aui-footer-button aui-footer-flex aui-footer-fixed">
    <div class="aui-footer-wrap">
        <span class="mui-input-row mui-checkbox mui-left">
            <label>全选</label>
            <input name="checkbox" value="Item 1" type="checkbox">
        </span>
    </div>
    <div class="aui-footer-wrap">
        <i class="mui-icon-extra mui-icon-extra-prech"></i>
        <span>合计：￥：0</span>
    </div>
    <div class="aui-footer-group aui-footer-flex1">
        <div class="aui-footer-flex">
            <div class="aui-btn aui-btn-red">
                <span>结算</span>
            </div>
        </div>
    </div>
</footer>

